<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>博为峰</div>
		<input type="text" name="uname" value="张三" />
		<script type="text/javascript">
			//----------------------标签节点对象---------------------------------
			var div = document.querySelector("div");
			console.dir(div);
			//----------------------文本节点对象---------------------------------
			// var t = div.firstElementChild;
			var t = div.firstChild;
			console.dir(t);

			//----------------------属性节点对象---------------------------------
			var input = document.querySelector('input');
			//获取标签属性节点对象（数组）
			var attr = input.attributes;
			console.dir(attr[0]);
			
			// var type = input.getAttribute('type');
			// console.dir(type);
			
			console.dir(document);
			
			/*
			                nodeName         nodeType        nodeValue
	        标签节点对象      标签名             1               null
			属性节点对象      属性名             2               属性值
			文本节点对象      #text             3               文本内容			
			document        #document          9                null						
			*/
		</script>
	</body>
</html>
